﻿<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>家具快记智慧大屏</title>
  <link rel="icon" href="images/logo.jpg">
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/echarts.min.js"></script>
  <script type="text/javascript" src="js/js.js"></script>
  <script type="text/javascript" src="js/jquery.limarquee.js"></script>
  <script type="text/javascript" src="js/jquery.cxselect.min.js"></script>
  <link rel="stylesheet" href="css/comon0.css">
</head>
<body>
<div style="background:#000d4a url(images/bg.jpg) center top;">
  <div class="loading">
    <div class="loadbox"><img src="picture/loading.gif"> 页面加载中...</div>
  </div>
  <div class="back"></div>
  <div class="head">
    <div class="return"><a href="/main">退出</a></div>
    <h1>家具快记智慧大屏</h1>
    <div class="weather"><span id="showTime"></span></div>
  </div>
  <script>
    var t = null;
    t = setTimeout(time, 1000);//開始运行
    function time() {
      clearTimeout(t);//清除定时器
      dt = new Date();
      var y = dt.getFullYear();
      var mt = dt.getMonth() + 1;
      var day = dt.getDate();
      var h = dt.getHours();//获取时
      var m = dt.getMinutes();//获取分
      var s = dt.getSeconds();//获取秒
      document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
      t = setTimeout(time, 1000); //设定定时器，循环运行
    }
  </script>
  <div class="mainbox">
    <ul class="clearfix">
      <li>
        <div class="boxall" style="height:545px;">

          <div class="navboxall">
            <div class="sycm">
              <ul class="clearfix">
                <li>
                  <h2>1698</h2>
                  <span>总交易单数</span></li>
                <li>
                  <h2>944267</h2>
                  <span>总利润</span></li>

              </ul>

            </div>

            <ul class="jindu clearfix">
              <div>本年</div>
              <div>本月</div>
              <li id="zb1"></li>
              <li id="zb2"></li>
              <li id="zb3"></li>
              <li id="zb4"></li>
            </ul>
          </div>
        </div>
      </li>
      <li>
        <div class="boxall" style="height:545px">
          <div class="alltitle">月利润(万元)</div>
          <div class="navboxall" id="echart4"></div>
        </div>
      </li>
      <li>
        <div class="boxall" style="height:260px">
          <div class="alltitle">上周销量前四家具</div>
          <div class="navboxall" id="echart1"></div>
        </div>
        <div class="boxall" style="height:270px">
          <div class="alltitle">年度销量前四家具</div>
          <div class="navboxall" id="echart2"></div>
        </div>
      </li>
    </ul>
    <ul class="clearfix">
      <li>
        <div class="boxall" style="height:390px;">
          <div class="alltitle">交易信息</div>
          <div class="navboxall">
            <div class="wraptit"><span>订单号</span><span>订单金额</span><span>交易时间</span><span>交易状态</span>
            </div>
            <div class="wrap">
              <ul>
                <li>
                  <p><span>CH43154</span><span>2199</span><span>03-15</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43155</span><span>3299</span><span>03-17</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43156</span><span>4399</span><span>03-18</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43157</span><span>999</span><span>03-21</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43158</span><span>1299</span><span>03-22</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43159</span><span>199</span><span>03-23</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43160</span><span>599</span><span>03-27</span><span>已完成</span></p>
                </li>
                <li>
                  <p><span>CH43161</span><span>5999</span><span>03-31</span><span>已完成</span></p>
                </li>

              </ul>
            </div>
          </div>
        </div>
      </li>
      <li style="width:38%">
        <div class="boxall" style="height:390px">
          <div class="alltitle">本年月利润走向图</div>
          <div class="navboxall" id="echart3"></div>
        </div>
      </li>
      <li style="width:38%">
        <div class="boxall" style="height:390px">
          <div class="alltitle">各家具年销售情况分析</div>
          <div class="navboxall" id="echart5"></div>
        </div>
      </li>
    </ul>
  </div>
</div>

<script>

  $(function () {
    console.log($('.wrap'))
    $('.wrap').liMarquee({
      direction: 'up',//身上滚动
      //runshort: false,//内容不足时不滚动
      scrollamount: 20//速度
    });
  });
</script>

</body>
</html>
